<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui" xmlns="http://www.w3.org/1999/xhtml"
	xml:lang="en" lang="en"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Sistema GED - Sistema de Gerênciamento de Educação a
		Distância</title>
	<h:outputStylesheet library='stylesheets' media="screen"
		name="login.css" />
	<h:outputStylesheet library='stylesheets' media="screen"
		name="ui-theme.css" />
	<h:outputStylesheet library='javascripts' media="screen"
		name="fancybox/jquery.fancybox-1.3.4.css" />
	<link rel="shortcut icon" type="images/png"
		href="#{request.contextPath}/resources/images/favicon.png" />
	<h:outputScript library='javascripts' name="jquery-1.4.2.min.js" />
	<h:outputScript library='javascripts'
		name="fancybox/jquery.fancybox-1.3.4.js" />
	<style type="text/css" media="screen">

body{
background-image:  none;
padding: 10px;
}

p{
margin: 10px;
}
form {
	padding-top: 20px;
	
}

form input[type="text"],form input[type="password"] {
	width: 230px;
}

form input.w30 {
	width: 30px;
}

form input.w80 {
	width: 75px;
}

form span {
	font-size: 10px;
	color: #666;
	margin-left: 5px;
}

form span a {
	font-size: 10px;
	font-weight: bold;
	color: red;
}

form input.w120 {
	width: 175px;
}

form .input-submit {
	text-align: right;
	margin-top: 30px;
}

form .input-email {
	float: left;
}

form .btn-acessar {
	float: left;
	margin-left: 20px;
	margin-top: 3px;
}
</style>
	<script type="text/javascript" charset="utf-8">
		$(document).ready(
				function() {
					if ($("#matricula")) {
						var $this = $("#matricula");
						if ($this.value == '' || $this.value == 'Digite sua matricula'
								|| !$this.value) {
							$("#matricula").removeAttr("value");
							$("#matricula").attr("value", "Digite sua matricula");
						}
					}
	</script>
</h:head>
<body>

	<h2>Esqueceu sua Senha ?</h2>
	<p>Preecha o campo abaixo com a sua matrícula e você receberá um
		email informando seu usuário e senha.</p>

	<h:form id="esqueceuSenha" prependId="false">
		<h:inputText type="text" name="matricula" id="matricula"
			value="#{matricula}"
			onclick="if (this.value == 'Digite sua matricula') { this.value = ''}"
			onblur="if (this.value == '') { this.value = 'Digite sua matricula'} " />
		<span></span>
		<h:commandButton type="submit" name="enviar" value="Enviar email"
			id="enviar" action="#{usuarioMB.esqueciSenha(matricula)}"
			update=":msg :esqueceuSenha" />
	</h:form>
	<div class="ui-widget">
		<h:messages id="msg"
			style="font-size: 12px; margin-top: 20px; margin-bottom: 20px; padding: 10px 0.7em;"
			class="ui-state-error ui-corner-all" />
	</div>
</body>
</html>
